import { Example } from '@/components/Example';
import { InlineFilter } from '@/components/InlineFilter';
import { Authenticator } from '@aws-amplify/ui-react';

## Hide Sign Up

The Authenticator has an option to hide the sign up page including the `Create Account` tab.

<InlineFilter filters={['angular']}>
  ```html{1} file=../../../../../../../examples/angular/src/pages/ui/components/authenticator/sign-in-with-email/sign-in-with-email.component.html
  ```
</InlineFilter>
<InlineFilter filters={['react']}>
  **`Authenticator` Example:**
  ```tsx{3}
  <Authenticator hideSignUp>
    <App />
  </Authenticator>
  ```
  
  **`withAuthenticator` Example:**
  ```tsx{3}
  withAuthenticator(App, { hideSignUp: true });
  ```
</InlineFilter>
<InlineFilter filters={['vue']}>
  ```html{2}
  <template>
    <authenticator :hide-sign-up="true">
      <template v-slot="{ user, signOut }">
        <h1>Hello {{ user.username }}!</h1>
        <button @click="signOut">Sign Out</button>
      </template>
    </authenticator>
  </template>
  ```
</InlineFilter>

<InlineFilter filters={['svelte']}>
```html{1}
<Authenticator hideSignUp>
  {#snippet children({ user, signOut })}
    <h1>Hello {user.username}!</h1>
    <button onclick={signOut}>Sign Out</button>
  {/snippet}
</Authenticator>
```
</InlineFilter>

<Example>
  <Authenticator hideSignUp={true} />
</Example>
